<td colspan="2" height="25"><h1>Esercizi per il corso di Webmaster</h1></td>
</tr>
<tr>
<td width="10"> </td>
<td colspan="2" width="360" class="sommario"><p>Riepilogo dei concetti visti nelle lezioni ed esercizi per sperimentare direttamente con i programmi.</p>
<p class="testo3">Concetti studiati nella lezione 1:</p>
<ol class="testo3">
<li>Quali sono le competenze di un Webmaster?<br>
</li>
<li>Che cos'è un editor HTML di tipo testuale?<br>
</li>
<li>Che cos'è un editor visuale?<br>
</li>
<li> Che cos'è un ambiente di sviluppo integrato?<br>
</li>
<li>Quali sono i due possibili schemi per organizzare le informazioni?<br>
</li>
<li>Quante possibili strutture esistono per la mappa di un sito?<br>
</li>
<li>Quali sono gli strumenti di navigazione offerti dal browser?<br>
</li>
<li>Quali sono le dieci regole per un buon sistema di navigazione?<br>
</li>
</ol>
<p class="testo3">Risposte</p>
<ol class="testo3">
<li>Progettare la struttura di un sito partendo dai contenuti che si vogliono pubblicare e dal percorso di navigazione che meglio si adatta alla situazione, produrre una struttura di pagina HTML che sia leggera, compatibile con i diversi browser e vicina alle specifiche grafiche previste per il sito, conoscenza perfetta dei linguaggi usati per costruire le pagine (HTML, Javascript, Perl CGI, DHMTL, CSS).<br>
<br>
Riferimento: <a href="../CD2/PDF/Corsi/Webmaster/Lezione_1/1_Cosa_fa_Webmaster.htm">Che cosa fa un Webmaster</a> <br>
</li>
<li>Sono programmi per l'inserimento manuale facilitato di codice HTML. Permettono di inserire i marcatori usando icone oppure voci di menu e controllano la sintassi dei marcatori che abbiamo inserito direttamente.<br>
<br>
Riferimento: <a href="../CD2/PDF/Corsi/Webmaster/Editor_gratis/editor_gratis_home.htm">Editor HTML gratuiti</a><br>
</li>
<li>Un programma che nasconde il codice HTML lasciandoci lavorare direttamente sulla struttura visiva della pagina finale, usando strumenti di generazione automatica dei tag simili a quelli offerti dagli editor testuali.<br>
<br>
Riferimento:
<a href="../CD2/PDF/Corsi/Webmaster/Editor_visuali/editor_visuali_home.htm">Editor HTML visuali</a><br>
<br>
</li>
<li>Un programma che unisce tutte le caratteristiche pi∙ avanzate di un editor testuale e di un editor visuale, aggiungendo funzioni per la gestione complessiva del sito e per il controllo di tutti i link.
<li>Esatto e ambiguo. Il primo suddivide le informazioni in categorie reciprocamente esclusive, ossia le voci che compaiono in una categoria non compaiono in nessun'altra. Un esempio tipico Φ un'organizzazione alfabetica, come nel caso di un dizionario, oppure cronologica, come nel caso di un archivio di articoli di giornale, oppure geografica: i locali di una cittα. Il sistema ambiguo si basa sull'esperienza di navigazione del navigatore tipo e cerca di guidarlo quando non sa esattamente cosa cercare.<br>
Tecniche di progettazione del sito - Organizzazione delle informazioni</a><br>
<br>
</li>
<li>Tre: gerarchia, ipertesto e lineare. La prima Φ quasi sempre presente complementata dalla seconda quando bisogna creare collegamenti diretti tra zone lontane nello stesso sito o verso siti esterni. La struttura lineare Φ adatta per i corsi online.
<a href="../CD2/PDF/Corsi/Webmaster/Lezione_1/5_Tecniche_progettazione_6.htm">Costruzione della mappa - ipertesto</a><br>
<a href="../CD2/PDF/Corsi/Webmaster/Lezione_1/5_Tecniche_progettazione_7.htm">Costruzione della mappa - struttura lineare</a><br>
<br>
</li>
<li>Finestra per digitare gli URL (indirizzi), i preferiti, i tasti Avanti e Indietro, il tasto home e la visualizzazione dei link giα visitati con colore diverso.
Strumenti di navigazione - URL e cronologia</a> <br>
<a href="../CD2/PDF/Corsi/Webmaster/Lezione_1/5_Tecniche_progettazione_9.htm">Strumenti di navigazione - preferiti</a><br>
<a href="../CD2/PDF/Corsi/Webmaster/Lezione_1/5_Tecniche_progettazione_10.htm">Strumenti di navigazione - tasti dedicati</a><br>
</li>
<li>Essere facile da capire, rimanere costante, fornire un feedback, apmia di tempo e di azione, fornire messaggi visivi chiari, utilizzare etichette chiare e comprensibili, essere idonea per gli scopi del sito, favorire gli obiettivi e i comportamenti dell'utente.<br>
<br>
Riferimento:<a href="../CD2/PDF/Corsi/Webmaster/Lezione_1/5_Tecniche_progettazione_11.htm">Regole di navigazione</a><br>
<td colspan="2"><strong>Creare una pagina vergine</strong></td>
</tr>
<tr>
<td width="12"> </td>
<td width="12"> </td>
<td><a href="../CD2/PDF/Corsi/Webmaster/esercizi/creare_pagina_vergine/creare_una_pagina_vergine.htm" class="navigazionemenu4">Esploriamo i tag di base</a> </td>
<td colspan="2"><strong>Creare una tabella semplice</strong></td>
</tr>
<tr>
<td width="12"> </td>
<td width="12"> </td>
<td><a href="../CD2/PDF/Corsi/Webmaster/esercizi/creare_una_tabella_semplice/creare_una_tabella_semplice.htm" class="navigazionemenu4">Esploriamo i tag delle tabelle</a></td>
